

<%@taglib uri="/struts-tags" prefix="s" %> 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head> 

        <s:include value="Commun/EnTete.jsp"/>
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            var listeIksem = <s:property value="#session.listeMoyenneEmbaucheIksem"/>;
            var listeAnnee = <s:property value="#session.listeAnnee"/>;
            var listeMIAGE = <s:property value="#session.listeMoyenneEmbaucheMiage"/>;
            $(function() {
                $('#container').highcharts({
                    chart: {
                        type: 'line',
                        marginRight: 130,
                        marginBottom: 25
                    },
                    title: {
                        text: 'Statistique du temps moyen d\'embauche après diplome',
                        x: -20 //center
                    },
                    xAxis: {
                        categories: listeAnnee
                    },
                    yAxis: {
                        title: {
                            text: 'Temps mois'
                        },
                        plotLines: [{
                                value: 0,
                                width: 1,
                                color: '#808080'
                            }]
                    },
                    tooltip: {
                        valueSuffix: ' mois'
                    },
                    legend: {
                        layout: 'vertical',
                        align: 'right',
                        verticalAlign: 'top',
                        x: -10,
                        y: 100,
                        borderWidth: 0
                    },
                    series: [{
                            name: 'temps IKSEM',
                            data: listeIksem

                        }, {
                            name: 'temps MIAGE',
                            data: listeMIAGE

                        }]
                });
            });


        </script>
    </head>
    <body>


        <s:include value="Commun/MenuAdmin.jsp"/>







        <s:include value="Commun/Footer.jsp"/> 

        <script src="js/highcharts.js"></script>
        <script src="js/modules/exporting.js"></script>
        <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
    </body>
</html>

